<template>
<div class="GoldDetail">
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title" style="color:#141414">金币明细</h1>
        </header>
        <div class="yinbi clearfix">
            <div class="title ">
                <div class="title1">银币兑换</div>
                <div class="title2">2018-03-25 11:24</div>
            </div>
            <div class="Goldgreen">+1000</div>
        </div>
           <div class="yinbi clearfix">
            <div class="title ">
                <div class="title1">苹果兑换</div>
                <div class="title2">2018-03-25 11:24</div>
            </div>
            <div class="Goldred">-1000</div>
        </div>
            <div class="yinbi clearfix">
            <div class="title ">
                <div class="title1">20180325期 <span class="title11">重庆竞猜</span></div>
                <div class="title2">2018-03-25 11:24</div>
            </div>
            <div class="Goldred">-1000</div>
        </div>
         <div class="yinbi clearfix">
            <div class="title ">
                <div class="title1">20180325期 <span class="title11">幸运28</span></div>
                <div class="title2">2018-03-25 11:24</div>
            </div>
            <div class="Goldred">-1000</div>
        </div>  
</div>
</template>
<script>
</script>

<style lang="scss" scoped>
.GoldDetail{
    padding-top:44px; 
    .yinbi{
        background: #fff;
        height:1.1rem;
        padding:0.1rem 0.3rem; 
        line-height: 0.5rem;
        border-bottom:1px solid #e0e0ee; 
        .title{
            float: left;
            .title1{
                font-size: 0.28rem;
                font-weight: 800;
                .title11{
                    font-size: 0.2rem;
                    display:inline-block;
                    padding:0 0.05rem;
                    border: 1px solid #d51313;
                      font-weight: 400;
                      color:#d51313;
                      border-radius: 0.5rem;
                }
            }
            .title2{
                font-size:0.22rem;
                color:#4f4f4f;
            }
        }
        .Goldgreen{
           color:#17b352;
           font-size: 0.28rem;
              float: right;
              line-height: 1.1rem;
           }
           .Goldred{
               color:#d51313;
           font-size: 0.28rem;
              float: right;
              line-height: 1.1rem;
           }
    }
}


</style>
